<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
		
        <title>Pecozo - Digital Marketplace HTML Template</title>
		
        <!-- All Plugins Css -->
        <link href="assets/css/plugins.css" rel="stylesheet">
		 

        <!-- Custom CSS -->
        <link href="assets/css/styles.css" rel="stylesheet">
    </head>
	
    <body class="blue-skin">
        <!-- ============================================================== -->
        <!-- Preloader - style you can find in spinners.css -->
        <!-- ============================================================== -->
        <div class="Loader"></div>
		
        <!-- ============================================================== -->
        <!-- Main wrapper - style you can find in pages.scss -->
        <!-- ============================================================== -->
        <div id="main-wrapper">
		
            <!-- ============================================================== -->
            <!-- Top header  -->
            <!-- ============================================================== -->
            <!-- Start Navigation -->
			<div class="header header-light">
				<div class="container">
					<div class="row">
						<div class="col-lg-12 col-md-12 col-sm-12">
							<nav id="navigation" class="navigation navigation-landscape">
								<div class="nav-header">
									<a class="nav-brand" href="#">
										<img src="assets/img/logo.png" class="logo" alt="" />
									</a>
									<div class="nav-toggle"></div>
								</div>
								<div class="nav-menus-wrapper">
									<ul class="nav-menu">
									
										<li><a href="index.html">主页<span class="submenu-indicator"></span></a>
										</li>
										
										<li><a href="study.html">学习主题<span class="submenu-indicator"></span></a>
											<ul class="nav-dropdown nav-submenu">
												<li><a href="item-detail.html">Java</a></li>   
												<li><a href="item-detail.html">Java Script</a></li>
												<li><a href="item-detail.html">C</a></li>
												<li><a href="item-detail.html">C#</a></li>
												<li><a href="item-detail.html">C++</a></li>
												<li><a href="item-detail.html">Python</a></li>
											</ul>
										</li>
										<li><a href="reviews.html">精品文章</a></li>
										<li><a href="faq.html">问题与解答</a></li>
										<li class="active"><a href="#">金牌讲师<span class="submenu-indicator"></span></a>
											<ul class="nav-dropdown nav-submenu">
												<li><a href="dashboard.html">mxt</a></li> 
											</ul>
										</li>
										<li><a href="#">其他<span class="submenu-indicator"></span></a>
											<ul class="nav-dropdown nav-submenu">
												<li><a href="about.html">关于我们</a></li>
												<li><a href="login.html">登录</a></li>
												<li><a href="signup.html">注册</a></li>
												<li><a href="wallets.html">数据表</a></li>
												<li><a href="user.html">个人信息</a></li>
											</ul>
										</li>
									</ul>
									<ul class="nav-menu nav-menu-social align-to-right">
										<li class="add-listing green-bg">
											<a href="#" data-toggle="modal" data-target="#login">
												 <i class="ti-user mr-1"></i> 登录
											</a>
										</li>
									</ul>
								</div>
							</nav>
						</div>
					</div>
				</div>
			</div>
			<!-- End Navigation -->
			<div class="clearfix"></div>
			<!-- ============================================================== -->
			<!-- Top header  -->
			<!-- ============================================================== -->
			
			<!-- ============================ Dashboard Header Start================================== -->
			<div class="_agt_dash dark" style="background:#675bca url(assets/img/tag-light.png) no-repeat;">
				<div class="container">
					<div class="row">
						<div class="col-lg-12 col-md-12 col-sm-12">

							<div class="dash_hyu76">
								<div class="dash_hyu74">
									<div class="dash_hyu72">
										<img src="assets/img/logos.png" class="img-fluid" alt="" />
									</div>
									<div class="dash_hyu71">
										<h4 class="_hyu71_title">Digital Studio</h4>
										<span>Member Since Dec 2010 USA</span>
										<div class="_hyu71_button">
											<a href="#" class="_njy_likes">Portfolio</a>
										</div>
									</div>				
								</div>
								<div class="dash_hyu75">
									<div class="_hyu75">
										<h4>302</h4>
										<span>Total Sales</span>
									</div>
									<div class="_hyu75_1">
										<div class="_iju7_reviw">
											<i class="fa fa-star filled"></i>
											<i class="fa fa-star filled"></i>
											<i class="fa fa-star filled"></i>
											<i class="fa fa-star filled"></i>
											<i class="fa fa-star"></i>
											<span>(102 Reviews)</span>
										</div>
										<span>Author Rattings</span>	
									</div>					
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<!-- ========================== Dashboard Elements ============================= -->
			<section class="gray-light">
				<div class="container">
					<div class="row">
					
						<div class="col-lg-8 col-md-12 col-sm-12">
							<div class="_the_thu5t">
								<img src="assets/img/theme.jpg" class="img-fluid" alt="" />
							</div>
							<div class="_the_capt5t">
								<h4>Welcome to Themez Hub - Delivering Hign Quality and Clean Designs.</h4>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
								<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. </p>
							</div>
							<div class="_the_capt5t">
								<h4>Featured Items</h4>
								<div class="row">
									<!-- Single Item -->
									<div class="col-lg-6 col-md-6 col-sm-12">
										<div class="item_group">
											<img class="trending_item" alt="Trending" src="assets/img/trending-new.svg">
											<div class="item_group_thumb">
												<a href="item-detail.html" class="item-figure">
													<img src="assets/img/preview-1.jpg" class="img-fluid" alt="">
												</a>
											</div>
											<div class="item_group_caption">
												<h3 class="item_title_bmb"><a href="item-detail.html">Listly - Business Directory &amp; Listings HTML Template</a></h3>
												<div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">Themezhub</a><span> in </span><a class="cate_mnb" href="#">Business</a></div>
												
												<div class="item_inner-caption">
													<div class="inner-caption_flex">
														<div class="items_slaes">00 Sales</div>
														<div class="items_price">$24</div>
													</div>
													<div class="item_inner-last">
														<div class="item_list_links">
															<a href="item-detail.html" class="link link_prview">Preview</a>
															<a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
															<a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
									
									<!-- Single Item -->
									<div class="col-lg-6 col-md-6 col-sm-12">
										<div class="item_group">
											<img class="trending_item" alt="Trending" src="assets/img/trending-new.svg">
											<div class="item_group_thumb">
												<a href="item-detail.html" class="item-figure">
													<img src="assets/img/preview-5.jpg" class="img-fluid" alt="">
												</a>
											</div>
											<div class="item_group_caption">
												<h3 class="item_title_bmb"><a href="item-detail.html">Resido - Real Estate &amp; Property HTML Template</a></h3>
												<div class="item_info_bmc"><i> by </i><a class="author_bmv" href="#">Themezhub</a><span> in </span><a class="cate_mnb" href="#">Business</a></div>
												
												<div class="item_inner-caption">
													<div class="inner-caption_flex">
														<div class="items_slaes">02 Sales</div>
														<div class="items_price">$21</div>
													</div>
													<div class="item_inner-last">
														<div class="item_list_links">
															<a href="item-detail.html" class="link link_prview">Preview</a>
															<a href="item-detail.html" class="link link_cart"><i class="fa fa-shopping-cart"></i></a>
															<a href="item-detail.html" class="link link_save"><i class="fa fa-heart"></i></a>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						
						<div class="col-lg-4 col-md-12 col-sm-12">
							<!-- Single Author Info -->
							<div class="urip_widget_wrap shadow_0 large mb-4">
								<div class="urip_widget_avater">
									<a href="author-portfolio.html"><img src="assets/img/author.png" class="img-fluid circle" alt=""></a>
									<div class="veryfied_author"><img src="assets/img/verified.svg" class="img-fluid" width="15" alt=""></div>
								</div>
								<div class="widget_avater_124">
									<h4 class="avater_name_214"><a href="author-portfolio.html">Digital Studio</a></h4>
									<span>Member since Sep 2016</span>
								</div>
								<div class="widget_avater_124">
									<ul class="auhor_list_badges">
										<li><img src="assets/img/golden.svg" class="img-avater rounded" width="40" alt=""></li>
										<li><img src="assets/img/1st.svg" class="img-avater rounded" width="40" alt=""></li>
										<li><img src="assets/img/2year.svg" class="img-avater rounded" width="40" alt=""></li>
										<li><img src="assets/img/3year.svg" class="img-avater rounded" width="40" alt=""></li>
										<li><img src="assets/img/platinum.svg" class="img-avater rounded" width="40" alt=""></li>
										<li><img src="assets/img/green-elite.svg" class="img-avater rounded" width="40" alt=""></li>
										<li><img src="assets/img/gold-medal.svg" class="img-avater rounded" width="40" alt=""></li>
										<li><img src="assets/img/smart.svg" class="img-avater rounded" width="40" alt=""></li>
									</ul>
								</div>
								<div class="widget_lkpi">
									<ul class="auhor_info_list_215">
										<li><div class="urip_jbl"><span class="count">102</span>K</div><span class="smallest">Sales</span></li>
										<li><div class="urip_jbl urip_rates good">4.7</div><span class="smallest">42Reviews</span></li>
										<li><div class="urip_jbl">152</div><span class="smallest">Comments</span></li>
									</ul>
								</div>
								<div class="widget_avater_423">
									<a href="author-portfolio.html" class="link_portfolio">Hire Now</a>	
								</div>
							</div>
							
							<!-- Contact Author -->
							<div class="urip_widget_wrap shadow_0 mb-4">
							
								<div class="urip_widget_header bg__2">
									<h4>Contact Author</h4>
									<span>Drop a message to author</span>
								</div>
								
								<div class="urip_widget_body">
									<div class="wid_bghbody simple_uyt">
										<div class="form-group">
											<label>From</label>
											<input type="text" class="form-control" value="themezhub@gmail.com" disabled>
										</div>
										<div class="form-group">
											<label>Message</label>
											<textarea name="message" class="form-control" class="ht-80" placeholder="Type Message"></textarea>
										</div>
										<div class="form-group">
											<div class="widget_avater_423 p-0">
												<button type="submit" class="link_portfolio">Send Message</button>	
											</div>
										</div>
									</div>
								</div>
							</div>
							
							<!-- Social Profiles -->
							<div class="lit98_jhy">
								<ul class="socil_uyh">
									<li><a href="javascript:void(0);" class="fb"><i class="fa fa-facebook"></i></a></li>
									<li><a href="javascript:void(0);" class="drb"><i class="fa fa-dribbble"></i></a></li>
									<li><a href="javascript:void(0);" class="twt"><i class="fa fa-twitter"></i></a></li>
									<li><a href="javascript:void(0);" class="ins"><i class="fa fa-instagram"></i></a></li>
									<li><a href="javascript:void(0);" class="be"><i class="fa fa-behance"></i></a></li>
									<li><a href="javascript:void(0);" class="pin"><i class="fa fa-pinterest"></i></a></li>
									<li><a href="javascript:void(0);" class="sk"><i class="fa fa-skype"></i></a></li>
									<li><a href="javascript:void(0);" class="gp"><i class="fa fa-google-plus"></i></a></li>
									<li><a href="javascript:void(0);" class="tum"><i class="fa fa-tumblr"></i></a></li>
								</ul>
							</div>
							
						</div>
						
					</div>
				</div>
			</section>
			<!-- ========================== Dashboard Elements ============================= -->
			
			<!-- ============================ Call To Action Start ================================== -->
			<section class="call-to-act" style="background:#5d47dd url(assets/img/landing-bg.png) no-repeat">
				<div class="container">
					<div class="row justify-content-center">
					
						<div class="col-lg-7 col-md-8">
							<div class="clt-caption text-center mb-4">
								<h3>Subscribe Now!</h3>
								<p>Simple pricing plans. Unlimited web maintenance service</p>
							</div>
							<div class="inner-flexible-box subscribe-box">
								<div class="input-group">
									<input type="text" class="form-control large" placeholder="Enter your mail here">
									<button class="btn btn-subscribe" type="button"><i class="fa fa-arrow-right"></i></button>
								</div>
							</div>
						</div>				
					</div>
				</div>
			</section>
			<!-- ============================ Call To Action End ================================== -->
			
			<!-- =========================== Footer Start ========================================= -->
			<footer class="dark-footer skin-dark-footer">
				<div>
					<div class="container">
						<div class="row">
							
							<div class="col-lg-4 col-md-6">
								<div class="footer-widget">
									<img src="assets/img/logo-light.png" class="img-fluid f-logo" width="120" alt="">
									<p>407-472 Rue Saint-Sulpice, Montreal<br>Quebec, H2Y 2V8</p>
									<ul class="footer-bottom-social">
										<li><a href="#"><i class="ti-facebook"></i></a></li>
										<li><a href="#"><i class="ti-twitter"></i></a></li>
										<li><a href="#"><i class="ti-instagram"></i></a></li>
										<li><a href="#"><i class="ti-linkedin"></i></a></li>
									</ul>
								</div>
							</div>		
							<div class="col-lg-2 col-md-4">
								<div class="footer-widget">
									<h4 class="widget-title">Useful links</h4>
									<ul class="footer-menu">
										<li><a href="about.html">About Us</a></li>
										<li><a href="faq.html">FAQs Page</a></li>
										<li><a href="billing.html">Checkout</a></li>
										<li><a href="login.html">Login</a></li>
									</ul>
								</div>
							</div>
							
							<div class="col-lg-2 col-md-4">
								<div class="footer-widget">
									<h4 class="widget-title">Developers</h4>
									<ul class="footer-menu">
										<li><a href="#">Booking</a></li>
										<li><a href="#l">Stays</a></li>
										<li><a href="#">Adventures</a></li>
										<li><a href="#">Author Detail</a></li>
									</ul>
								</div>
							</div>
							
							<div class="col-lg-2 col-md-4">
								<div class="footer-widget">
									<h4 class="widget-title">Useful links</h4>
									<ul class="footer-menu">
										<li><a href="about.html">About Us</a></li>
										<li><a href="faq.html">Jobs</a></li>
										<li><a href="#">Events</a></li>
										<li><a href="#">Press</a></li>
									</ul>
								</div>
							</div>
									
							<div class="col-lg-2 col-md-4">
								<div class="footer-widget">
									<h4 class="widget-title">Useful links</h4>
									<ul class="footer-menu">
										<li><a href="#">Support</a></li>
										<li><a href="contact.html">Contact Us</a></li>
										<li><a href="#">Privacy &amp; Terms</a></li>
									</ul>
								</div>
							</div>
							
						</div>
					</div>
				</div>
				
				<div class="footer-bottom">
					<div class="container">
						<div class="row align-items-center">
							
							<div class="col-lg-12 col-md-12 text-center">
								<p class="mb-0">Copyright &copy; 2021.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
							</div>
							
						</div>
					</div>
				</div>
			</footer>
			<!-- =========================== Footer End ========================================= -->
			
			<!-- Switcher Start -->
			<div class="w3-ch-sideBar w3-bar-block w3-card-2 w3-animate-right"  style="display:none;right:0;" id="rightMenu">
				<div class="_oli987">
					<h4 class="cart_heading">Your cart</h4>
					<button onclick="closeRightMenu()" class="w3-bar-item w3-button w3-large"><i class="ti-close"></i></button>
				</div>
				<div class="rightMenu-scroll">
					<div class="right-ch-sideBar" id="side-scroll">
						
						<div class="cart_select_items">
							<!-- Single Item -->
							<div class="cart_selected_single">
								<div class="cart_selected_single_thumb">
									<a href="#"><img src="assets/img/logos-4.png" class="img-fluid" alt="" /></a>
								</div>
								<div class="cart_selected_single_caption">
									<h4 class="product_title">Orio - Online Multipurpose WordPress Theme</h4>
									<span class="numberof_item">$59</span>
									<a href="#" class="text-danger">Remove</a>
								</div>
							</div>
							<!-- Single Item -->
							<div class="cart_selected_single">
								<div class="cart_selected_single_thumb">
									<a href="#"><img src="assets/img/logos-3.png" class="img-fluid" alt="" /></a>
								</div>
								<div class="cart_selected_single_caption">
									<h4 class="product_title">LearnUp - Online LMS WordPress Theme</h4>
									<span class="numberof_item">$39</span>
									<a href="#" class="text-danger">Remove</a>
								</div>
							</div>
							<!-- Single Item -->
							<div class="cart_selected_single">
								<div class="cart_selected_single_thumb">
									<a href="#"><img src="assets/img/logos-2.png" class="img-fluid" alt="" /></a>
								</div>
								<div class="cart_selected_single_caption">
									<h4 class="product_title">Cario - Digital WordPress Theme</h4>
									<span class="numberof_item">$15x2</span>
									<a href="#" class="text-danger">Remove</a>
								</div>
							</div>
						</div>
						
						<div class="cart_subtotal">
							<h6>Subtotal<span class="theme-cl">$120.47</span></h6>
						</div>
						
						<div class="cart_action">
							<ul>
								<li><a href="" class="btn btn_checkout">Checkout Now</a></li>
							</ul>
						</div>
						
					</div>
				</div>
			</div>
			
			<!-- Log In Modal -->
			<div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="registermodal" aria-hidden="true">
				<div class="modal-dialog modal-dialog-centered login-pop-form" role="document">
					<div class="modal-content" id="registermodal">
						<div class="modal-header">
							<h4>Close Window</h4>
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><i class="ti-close"></i></span></button>
						</div>
						<div class="modal-body">
							<h4 class="modal-header-title">Sign <span class="theme-cl">In</span></h4>
							
							<div class="login-form">
								<form>
								
									<div class="form-group">
										<label>User Name</label>
										<div class="input-with-gray light">
											<input type="text" class="form-control" placeholder="Username">
										</div>
									</div>
									
									<div class="form-group">
										<label>Password</label>
										<div class="input-with-gray light">
											<input type="password" class="form-control" placeholder="*******">
										</div>
									</div>
									
									<div class="form-group">
										<button type="submit" class="btn theme-bg btn-md full-width pop-login">Login</button>
									</div>
								
								</form>
							</div>
							
							<div class="form-group text-center">
								<span>Or Signup with</span>
							</div>
							
							<div class="social_logs mb-4">
								<ul>
									<li class="fb-login"><a href="#"><i class="fa fa-facebook"></i></a></li>
									<li class="gp-login"><a href="#"><i class="fa fa-google-plus"></i></a></li>
									<li class="ln-login"><a href="#"><i class="fa fa-linkedin"></i></a></li>
								</ul>
							</div>
							
						</div>
						<div class="modal-footer">
							<div class="mf-link"><i class="ti-user"></i>Haven't An Account?<a href="javascript:void(0)" class="theme-cl"> Sign Up</a></div>
							<div class="mf-forget"><a href="#"><i class="ti-help"></i>Forget Password</a></div>
						</div>
					</div>
				</div>
			</div>
			<!-- End Modal -->			

		</div>
		<!-- ============================================================== -->
		<!-- End Wrapper -->
		<!-- ============================================================== -->

		<!-- ============================================================== -->
		<!-- All Jquery -->
		<!-- ============================================================== -->
		<script src="assets/js/jquery.min.js"></script>
		<script src="assets/js/popper.min.js"></script>
		<script src="assets/js/bootstrap.min.js"></script>
		<script src="assets/js/select2.min.js"></script>
		<script src="assets/js/owl.carousel.min.js"></script>
		<script src="assets/js/ion.rangeSlider.min.js"></script>
		<script src="assets/js/counterup.min.js"></script>
		<script src="assets/js/custom.js"></script>
		<!-- ============================================================== -->
		<!-- This page plugins -->
		<!-- ============================================================== -->
		
		<script>
			function openRightMenu() {
				document.getElementById("rightMenu").style.display = "block";
			}
			function closeRightMenu() {
				document.getElementById("rightMenu").style.display = "none";
			}
		</script>
		
	</body>
</html>